﻿@{
    ViewBag.Title = "Đăng ký tài khoản VIP ViecNho.com";
    Layout = "~/Views/Shared/_Layout2.cshtml";
}
<div class="vip-plan">
	<h1 class="text-center vip-header">Đăng ký tài khoản VIP<img src="/Content/img/viecnho-logo-small.png"></h1>
	<h3 class="text-center vip-sub-header">Dễ thu hút khách hàng &amp; Tiện lợi trong giao dịch</h3>
	<div class="container">
		<div class="row">
			<div class="span4">
				<div class="vip-feature">
					<p class="text-center"><img class="text-center" src="/Content/img/icon_premium.png"></img></p>
					<h4 class="text-center">Nổi bật và Ưu tiên</h4>
					<p class="text-center">Ưu tiên trong danh sách dịch vụ với dấu hiệu Premium.</p>
				</div>
			</div>
			<div class="span4">
				<div class="vip-feature">
					<p class="text-center"><img class="text-center" src="/Content/img/icon_email.png"></img></p>
					<h4 class="text-center">Không giới hạn phương tiện liên lạc</h4>
					<p class="text-center">Thoải mái chèn số điện thoại, email và link trong tin đăng.</p>
				</div>
			</div>
			<div class="span4">
				<div class="vip-feature">
					<p class="text-center"><img class="text-center" src="/Content/img/icon_sms.png"></img></p>
					<h4 class="text-center">Nhận thông báo qua SMS</h4>
					<p class="text-center">Bạn sẽ không bỏ lỡ một khách hàng nào dù đang ở đâu.</p>
				</div>
			</div>
		</div>
	</div>
	<h4 class="text-center">Chỉ <span style="color:#3a87ad">100.000đ/1 tháng</span></h4>
    <p class="text-center"><input type="button" class="btn btn-large btn-success" value="Nâng cấp tài khoản" onclick="modalpremium()" /></p>
</div>
@if (ViewData["issuccess"] != null && Convert.ToBoolean(ViewData["issuccess"]))
{
    <div class="modal hide fade" tabindex="-1" role="dialog" id="div-order-box" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h3>Nâng cấp tài khoản VIP</h3>
        </div>
        <div class="modal-body">
            <div class="alert alert-info">
                 <p>@ViewData["result"]</p>
            </div>
        </div>
    </div>
    <script>
        $(document).ready(function () {
            $('#div-order-box').modal({
                show: true
            });
        });
    </script>
}
else if (ViewData["issuccess"] != null && !Convert.ToBoolean(ViewData["issuccess"]))
{
    <div class="modal hide fade" tabindex="-1" role="dialog" id="div-payment-result" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h3>Thanh toán không thành công</h3>
        </div>
        <div class="modal-body">
            <div class="alert alert-error">
                <a class="close" data-dismiss="alert" href="#">&times;</a>
                Thanh toán thất bại. Đã có lỗi xảy ra:
            </div>
            <p>@ViewData["result"]</p>
        </div>
    </div>
    <script>
        $(document).ready(function () {
            $('#div-payment-result').modal({
                show: true
            });
        });
    </script>
}
<script>
function modalpremium() {
    if ($('#viecnho-payment-premium').length === 0) {
        $.post("/Payment/ModalPremium", null, function (data) {
            if (!data) {
                $('#login').modal();
            } else {
                $('body').append(data);
                $('#viecnho-payment-premium').modal();
            }
        });
    } else {
        $('#viecnho-payment-premium').modal();
    }
}
</script>
